.confirm_box {
  touch-action: none; // 阻止模态层底部元素滚动
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  .alert {
    position: relative;
    z-index: 101;
    width: 540px;
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    .header {
      font-size: 36px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #222222;
      line-height: 50px;
      margin-bottom: 24px;
      text-align: center;
      &.no_content {
        margin: 40px 0 60px;
      }
    }
    .content {
      font-size: 28px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 40px;
      margin-bottom: 40px;
      text-align: center;
    }
    .footer {
      display: flex;
      .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 28px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        width: 200px;
        height: 72px;
        border-radius: 36px;
        background: #fff;
        &.cancel {
          border: 1px solid #ff9c00;
          color: #ff9c00;
        }
        &.confirm {
          color: #ffffff;
          background: #ff9c00;
        }
      }
    }
  }
  .bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
  }
}
